<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="成都工业学院新媒体展示页">
	<meta name="keywords" content="成都工业学院,成工新媒体,CDTU,椰子">
    <meta name="author" content="CDTU">
    <title>成工全媒体</title>
    <!-- Preloader -->
    <style>
        @keyframes hidePreloader {
            0% {
                width: 100%;
                height: 100%;
            }

            100% {
                width: 0;
                height: 0;
            }
        }

        body>div.preloader {
            position: fixed;
            background: white;
            width: 100%;
            height: 100%;
            z-index: 1071;
            opacity: 0;
            transition: opacity .5s ease;
            overflow: hidden;
            pointer-events: none;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        body:not(.loaded)>div.preloader {
            opacity: 1;
        }

        body:not(.loaded) {
            overflow: hidden;
        }

        body.loaded>div.preloader {
            animation: hidePreloader .5s linear .5s forwards;
        }
    </style>
    <script>
        window.addEventListener("load", function() {
            setTimeout(function() {
                document.querySelector('body').classList.add('loaded');
            }, 300);
        });
		

    </script>
    <!-- Favicon -->
    <link rel="icon" href="assets/img/brand/favicon.png" type="image/png"><!-- Font Awesome -->
    
    <!-- CSS -->
    <link rel="stylesheet" href="assets/css/quick-website.css" id="stylesheet">
	<link rel="stylesheet" href="assets/css/footer.css" id="stylesheet">
</head>

<body>
    <!-- Preloader -->
    <div class="preloader">
        <div class="spinner-border text-primary" role="status">
            <span class="sr-only">加载ing</span>
        </div>
    </div>
    <div class="modal fade" tabindex="-1" role="dialog" id="modal-cookies" data-backdrop="false" aria-labelledby="modal-cookies" aria-hidden="true">
        <div class="modal-dialog modal-dialog-aside left-4 right-4 bottom-4">
            <div class="modal-content bg-dark-dark">
                <div class="modal-body">
                    <!-- Text -->
                    <p class="text-sm text-white mb-3">
                        正在使用cookies.请点击Ok授权.
                    </p>
                    <!-- Buttons -->
                    <a href="pages/utility/terms.html" class="btn btn-sm btn-white" target="_blank">点OK</a>
                    <button type="button" class="btn btn-sm btn-primary mr-2" data-dismiss="modal">OK</button>
                </div>
            </div>
        </div>
    </div>
    <!-- Go Pro -->

    <a href="" class="btn btn-block btn-dark text-truncate rounded-0 py-2 d-none d-lg-block" style="z-index: 1000;" target="_blank">
        <strong>PC有彩蛋，发现有福利 | </strong> 欢迎更多同学加入我们
    </a>
    <!-- Navbar -->
    <nav class="navbar navbar-expand-lg navbar-light bg-white">
        <div class="container">
            <!-- Brand -->
            <a class="navbar-brand" href="index.html">
                <img alt="Image placeholder" src="assets/img/brand/media.png" id="navbar-logo">
            </a>
            <!-- Toggler -->
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <!-- Collapse -->
            <div class="collapse navbar-collapse" id="navbarCollapse">
                <ul class="navbar-nav mt-4 mt-lg-0 ml-auto">
                    <li class="nav-item ">
                        <a class="nav-link" href="index.html">233</a>
                    </li>
					<!--
                    <li class="nav-item dropdown dropdown-animate" data-toggle="hover">
                        <a class="nav-link" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">页面</a>
                        <div class="dropdown-menu dropdown-menu-single">
                            <a href="index.html" class="dropdown-item">首页</a>
                            <a href="about.html" class="dropdown-item">关于我们</a>
                            <a href="contact.html" class="dropdown-item">联系方式</a>
                            <div class="dropdown-divider"></div>
                            <a href="login.html" class="dropdown-item">登录（不要点）</a>
                        </div>
                    </li>
					-->
                    <li class="nav-item ">
                    </li>
                </ul>
                <!-- Button -->
                <a class="navbar-btn btn btn-sm btn-primary d-none d-lg-inline-block ml-3" href="//www.cdtu.edu.cn"target="_blank">
                    学校官网
                </a>
                <!-- Mobile button -->
                <div class="d-lg-none text-center">
                    <a href="" class="btn btn-block btn-sm btn-warning">查看更多</a>
                </div>
            </div>
        </div>
    </nav>
    <!-- Main content -->
    <section class="slice py-7">
        <div class="container">
            <div class="row row-grid align-items-center">
                <div class="col-12 col-md-5 col-lg-6 order-md-2 text-center">
                    <!-- Image -->
                    <figure class="w-100">
                        <img alt="Image placeholder" src="assets/img/svg/illustrations/illustration-3.svg" class="img-fluid mw-md-120">
                    </figure>
                </div>
                <div class="col-12 col-md-7 col-lg-6 order-md-1 pr-md-5">
                    <!-- Heading -->
                  <h3 class="lead text-center text-md-left text-muted">📌</h3>
                    <h1 class="display-4 text-center text-md-left mb-3">
                        快，马上加入<strong class="text-primary"><p>成工全媒体</p></strong>
                    </h1>
                    <!-- Text -->
                    <p class="lead text-center text-md-left text-muted">
                        和我们一起探索校园的每一处细节
                    </p>
                    <!-- 加入我们 -->
                    <div class="text-center text-md-left mt-5">
                        <a href=""class="btn btn-primary btn-icon" target="_blank">
                            <span class="btn-inner--text">加入我们</span>
                            <span class="btn-inner--icon"><i data-feather="chevron-right"></i></span>
                        </a>
                        <a href="" class="btn btn-neutral btn-icon d-none d-lg-inline-block" target="_blank">📕</a>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="slice slice-lg pt-lg-6 pb-0 pb-lg-6 bg-section-secondary">
        <div class="container">
            <!-- Title -->
            <!-- Section title -->
            <div class="row mb-5 justify-content-center text-center">
                <div class="col-lg-6">
                    <span class="badge badge-soft-success badge-pill badge-lg">
                        Wanted
                    </span>
                    <h2 class=" mt-4">职位需求</h2>
                    <div class="mt-2">
                        <p class="lead lh-180">What do we need？</p>
                    </div>
                </div>
            </div>
            <!-- Card -->
            <div class="row mt-5">
                <div class="col-md-4">
                    <div class="card">
                        <div class="card-body pb-5">
                            <div class="pt-4 pb-5">
                                <img src="assets/img/svg/illustrations/illustration-5.svg" class="img-fluid img-center" style="height: 150px;" alt="Illustration" />
                            </div>
                            <h5 class="h4 lh-130 mb-3">小编</h5>
                            <p class="text-muted mb-0">负责文章的综合编辑与发布</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="card">
                        <div class="card-body pb-5">
                            <div class="pt-4 pb-5">
                                <img src="assets/img/svg/illustrations/illustration-6.svg" class="img-fluid img-center" style="height: 150px;" alt="Illustration" />
                            </div>
                            <h5 class="h4 lh-130 mb-3">设计</h5>
                            <p class="text-muted mb-0">为小编还有室外活动提供物料设计和平面设计</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="card">
                        <div class="card-body pb-5">
                            <div class="pt-4 pb-5">
                                <img src="assets/img/svg/illustrations/illustration-7.svg" class="img-fluid img-center" style="height: 150px;" alt="Illustration" />
                            </div>
                            <h5 class="h4 lh-130 mb-3">外勤</h5>
                            <p class="text-muted mb-0">负责素材（摄影等）采集，物资服务</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
	<!--活动-->
    <section class="slice slice-lg">
        <div class="container">
			<div class="row mb-5 justify-content-center text-center">
			    <div class="col-lg-6">
			        <span class="badge badge-soft-success badge-pill badge-lg">
			            Activities
			        </span>
			        <h2 class=" mt-4">活动风采</h2>
			        <div class="mt-2">
			            <p class="lead lh-180">Work & Rest</p>
			        </div>
			    </div>
			</div>
            <div class="py-6">
                <div class="row row-grid justify-content-between align-items-center">
                    <div class="col-lg-5 order-lg-2">
                        <h5 class="h3">娱乐活动</h5>
                        <p class="lead my-4">
                            由于疫情影响，所以这些图片比较老...
                        </p>
                        <ul class="list-unstyled mb-0">
                            
                            <li class="py-2">
                                <div class="d-flex align-items-center">
                                    <div>
                                        <div class="icon icon-shape bg-primary text-white icon-sm rounded-circle mr-3">
                                            📅
                                        </div>
                                    </div>
                                    <div>
                                        <span class="h6 mb-0">2019.12.23</span>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="col-lg-6 order-lg-1">
                        <div class="card mb-0 mr-lg-5">
                            <div class="card-body p-2">
                                <img alt="Image placeholder" src="assets/img/theme/light/screen-1-1000x800.jpg" class="img-fluid shadow rounded">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="py-6">
                <div class="row row-grid justify-content-between align-items-center">
                    <div class="col-lg-5">
                        <h5 class="h3">活动聚餐</h5>
                        <p class="lead my-4">
                            2333
                        </p>
                        <ul class="list-unstyled mb-0">
                            
                            <li class="py-2">
                                <div class="d-flex align-items-center">
                                    <div>
                                        <div class="icon icon-shape bg-primary text-white icon-sm rounded-circle mr-3">
                                            📅
                                        </div>
                                    </div>
                                    <div>
                                        <span class="h6 mb-0">2019.12.23</span>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="col-lg-6">
                        <div class="card mb-0 ml-lg-5">
                            <div class="card-body p-2">
                                <img alt="Image placeholder" src="assets/img/theme/light/screen-2-1000x800.jpg" class="img-fluid shadow rounded">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
			<div class="py-6">
			    <div class="row row-grid justify-content-between align-items-center">
			        <div class="col-lg-5 order-lg-2">
			            <h5 class="h3">例会</h5>
			            <p class="lead my-4">
			                2019届第一次例会
			            </p>
			            <ul class="list-unstyled mb-0">
			                
			                <li class="py-2">
			                    <div class="d-flex align-items-center">
			                        <div>
			                            <div class="icon icon-shape bg-primary text-white icon-sm rounded-circle mr-3">
			                                📅
			                            </div>
			                        </div>
			                        <div>
			                            <span class="h6 mb-0">2019.11.6</span>
			                        </div>
			                    </div>
			                </li>
			            </ul>
			        </div>
			        <div class="col-lg-6 order-lg-1">
			            <div class="card mb-0 mr-lg-5">
			                <div class="card-body p-2">
			                    <img alt="Image placeholder" src="assets/img/theme/light/screen-3-1000x800.jpg" class="img-fluid shadow rounded">
			                </div>
			            </div>
			        </div>
			    </div>
			</div>
        </div>
    </section>
    <section class="slice slice-lg bg-section-dark pt-5 pt-lg-8">
        <!-- SVG separator -->
        <div class="shape-container shape-line shape-position-top shape-orientation-inverse">
            <svg width="2560px" height="100px" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="none" x="0px" y="0px" viewBox="0 0 2560 100" style="enable-background:new 0 0 2560 100;" xml:space="preserve" class="">
                <polygon points="2560 0 2560 100 0 100"></polygon>
            </svg>
        </div>
        <!-- Container -->
        <div class="container position-relative zindex-100">
            <div class="col">
                <div class="row justify-content-center">
                    <div class="col-md-10 text-center">
                        <div class="mt-4 mb-6">
                            <h2 class="h1 text-white">
                                加入我们可以学到什么？
                            </h2>
                            <h4 class="text-white mt-3">What can you gain？</h4>
                            <!-- Play button -->
                            <a href="#" class="btn btn-primary btn-icon mt-4">提交简历</a>
							<p> </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
	<!--标签区-->
    <section class="slice pt-0">
        <div class="container position-relative zindex-100">
            <div class="row">
                <div class="col-xl-4 col-sm-6 mt-n7">
                    <div class="card">
                        <div class="d-flex p-5">
                            <div>
                                <span class="badge badge-warning badge-pill">1</span>
                            </div>
                            <div class="pl-4">
                                <h5 class="lh-130">团队合作</h5>
                                <p class="text-muted mb-0">
                                    校园有很多隐藏人物可能出现
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-4 col-sm-6 mt-sm-n7">
                    <div class="card">
                        <div class="d-flex p-5">
                            <div>
                                <span class="badge badge-success badge-pill">2</span>
                            </div>
                            <div class="pl-4">
                                <h5 class="lh-130">技能提升</h5>
                                <p class="text-muted mb-0">
                                    无论是文编还是美编，知识只会越来越多哦
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-4 col-md-12 col-sm-6 mt-xl-n7">
                    <div class="card">
                        <div class="d-flex p-5">
                            <div>
                                <span class="badge badge-danger badge-pill">3</span>
                            </div>
                            <div class="pl-3">
                                <h5 class="lh-130">政治获得</h5>
                                <p class="text-muted mb-0">
                                    属于党委宣传部意味着在某些时候有更多机会
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-xl-4 col-sm-6">
                    <div class="card">
                        <div class="d-flex p-5">
                            <div>
                                <span class="badge badge-warning badge-pill">4</span>
                            </div>
                            <div class="pl-4">
                                <h5 class="lh-130">眼界</h5>
                                <p class="text-muted mb-0">
                                    接触的大量新闻可以让你意识到媒体的运作方式，同时对社会舆论有更深理解
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-4 col-sm-6">
                    <div class="card">
                        <div class="d-flex p-5">
                            <div>
                                <span class="badge badge-success badge-pill">5</span>
                            </div>
                            <div class="pl-4">
                                <h5 class="lh-130">福利</h5>
                                <p class="text-muted mb-0">
                                    不定期的吃喝玩乐还有偶尔的奖金让社团生活变得丰富多彩
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-4 col-md-12 col-sm-6">
                    <div class="card">
                        <div class="d-flex p-5">
                            <div>
                                <span class="badge badge-danger badge-pill">6</span>
                            </div>
                            <div class="pl-3">
                                <h5 class="lh-130">还有很多</h5>
                                <p class="text-muted mb-0">
                                    等你探索...
									<p> </p>
									<p <strong>more>>></strong></p>
									
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
	
    <section class="slice slice-lg">
        <div class="container">
            <div class="row">
                <div class="col-lg-6">
                    <span class="badge badge-primary badge-pill">更多团体</span>
                    <h5 class="lh-180 mt-4 mb-6">成工全媒体是一个联合组织，欢迎加入其它社团！</h5>
                </div>
            </div>
            <!-- Features -->
            <div class="row mx-lg-n4">
                <!-- Features - Col 1 -->
				
                <div class="col-lg-4 col-md-6 px-lg-4">
                    <div class="card shadow-none">
                        <div class="p-3 d-flex">
                            <div>
                                <div class="icon icon-shape rounded-circle bg-warning text-white mr-4">
                                    📰
                                </div>
                            </div>
                            <div>
                                <span class="h6">成工记者站</span>
                                <p class="text-sm text-muted mb-0">
                                    记者站
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 px-lg-4">
                    <div class="card shadow-none">
                        <div class="p-3 d-flex">
                            <div>
                                <div class="icon icon-shape rounded-circle bg-primary text-white mr-4">
                                    🔊
                                </div>
                            </div>
                            <div>
                                <span class="h6">播音</span>
                                <p class="text-sm text-muted mb-0">
                                    广播站
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 px-lg-4">
                    <div class="card shadow-none">
                        <div class="p-3 d-flex">
                            <div>
                                <div class="icon icon-shape rounded-circle bg-danger text-white mr-4">
                                    📜
                                </div>
                            </div>
                            <div>
                                <span class="h6">新闻宣传部</span>
                                <p class="text-sm text-muted mb-0">
                                    2333
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 px-lg-4">
                    <div class="card shadow-none">
                        <div class="p-3 d-flex">
                            <div>
                                <div class="icon icon-shape rounded-circle bg-success text-white mr-4">
                                    <i data-feather="check"></i>
                                </div>
                            </div>
                            <div>
                                <span class="h6">123</span>
                                <p class="text-sm text-muted mb-0">
                                    123456
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 px-lg-4">
                    <div class="card shadow-none">
                        <div class="p-3 d-flex">
                            <div>
                                <div class="icon icon-shape rounded-circle bg-info text-white mr-4">
                                    <i data-feather="check"></i>
                                </div>
                            </div>
                            <div>
                                <span class="h6">321</span>
                                <p class="text-sm text-muted mb-0">
                                    12321
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 px-lg-4">
                    <div class="card shadow-none">
                        <div class="p-3 d-flex">
                            <div>
                                <div class="icon icon-shape rounded-circle bg-warning text-white mr-4">
                                    <i data-feather="check"></i>
                                </div>
                            </div>
                            <div>
                                <span class="h6">666</span>
                                <p class="text-sm text-muted mb-0">
                                    666666
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Features - Col 3 -->
                <div class="col-lg-4 col-md-6 px-lg-4">
                    <div class="card shadow-none">
                        <div class="p-3 d-flex">
                            <div>
                                <div>
                                    <div class="icon icon-shape rounded-circle bg-info text-white mr-4">
                                        <i data-feather="check"></i>
                                    </div>
                                </div>
                            </div>
                            <div>
                                <span class="h6">567</span>
                                <p class="text-sm text-muted mb-0">
                                    789
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 px-lg-4">
                    <div class="card shadow-none">
                        <div class="p-3 d-flex">
                            <div>
                                <div>
                                    <div class="icon icon-shape rounded-circle bg-danger text-white mr-4">
                                        <i data-feather="check"></i>
                                    </div>
                                </div>
                            </div>
                            <div>
                                <span class="h6">901</span>
                                <p class="text-sm text-muted mb-0">
                                    109
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 px-lg-4">
                    <div class="card shadow-none">
                        <div class="p-3 d-flex">
                            <div>
                                <div>
                                    <div class="icon icon-shape rounded-circle bg-primary text-white mr-4">
                                        <i data-feather="check"></i>
                                    </div>
                                </div>
                            </div>
                            <div>
                                <span class="h6">233</span>
                                <p class="text-sm text-muted mb-0">
                                    123
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="slice slice-lg bg-section-secondary">
        <div class="container text-center">
            <div class="row justify-content-center mb-6">
                <div class="col-lg-8">
                    <!-- Title -->
                    <h2 class="h1 strong-600">
                        欢迎加入
                    </h2>
                    <!-- Text -->
                    <p class="text-muted">
                        We are waiting for you！
                    </p>
					<a href="#" class="btn btn-primary btn-icon mt-4">提交简历</a>
                </div>
            </div>
            <!-- Pricing -->
			<!--没用的部分
            <div class="row justify-content-center">
                <div class="col-lg-4 col-md">
                    <div class="card card-pricing text-center px-3 hover-scale-110">
                        <div class="card-header py-5 border-0 delimiter-bottom">
                            <div class="h1 text-center mb-0">$<span class="price font-weight-bolder">49</span></div>
                            <span class="h6 text-muted">Standard License</span>
                        </div>
                        <div class="card-body">
                            <ul class="list-unstyled text-sm mb-4">
                                <li class="py-2">1 end product</li>
                                <li class="py-2">Use for personal or a client</li>
                                <li class="py-2">Use in a free end product</li>
                                <li class="py-2">6 months technical support</li>
                            </ul>
                            <a href="#" class="btn btn-sm btn-warning hover-translate-y-n3 hover-shadow-lg mb-3">Purchase now</a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md">
                    <div class="card card-pricing bg-dark text-center px-3 border-0 hover-scale-110">
                        <div class="card-header py-5 border-0 delimiter-bottom">
                            <div class="h1 text-white text-center mb-0">$<span class="price font-weight-bolder">590</span></div>
                            <span class="h6 text-white">Extended License</span>
                        </div>
                        <div class="card-body">
                            <ul class="list-unstyled text-white text-sm opacity-8 mb-4">
                                <li class="py-2">1 end product</li>
                                <li class="py-2">Use for personal or a client</li>
                                <li class="py-2">Use in a free end product</li>
                                <li class="py-2">Use in an end product that is <strong class="text-success text-underline--dashed">sold</strong></li>
                                <li class="py-2">6 months technical support</li>
                            </ul>
                            <a href="#" class="btn btn-sm btn-white hover-translate-y-n3 hover-shadow-lg mb-3">Purchase now</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="mt-5 text-center">
                <p class="mb-2">
                    Both pricings contains all 6 months free support. Need more?
                </p>
                <a href="#" class="text-primary text-underline--dashed">Contact us<i data-feather="arrow-right" class="ml-2"></i></a>
            </div>
        </div>
    </section>
    <footer class="position-relative" id="footer-main">
        <div class="footer pt-lg-7 footer-dark bg-dark">
		没用的部分-->
            <!-- 其它 -->
            <div class="shape-container shape-line shape-position-top shape-orientation-inverse">
                <svg width="2560px" height="100px" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="none" x="0px" y="0px" viewBox="0 0 2560 100" style="enable-background:new 0 0 2560 100;" xml:space="preserve" class=" fill-section-secondary">
                    <polygon points="2560 0 2560 100 0 100"></polygon>
                </svg>
            </div>
            <!-- Footer -->
            <div class="container pt-4">
                <div class="row">
                    <div class="col-lg-4 mb-5 mb-lg-0">
                        <!-- Theme's logo -->
                        <a href="index.html">
                            <img alt="Image placeholder" style="width:50%" src="assets/img/brand/cdtu.png" id="footer-logo">
                        </a>
                        <!-- Webpixels' mission -->
                        <p class="mt-4 text-sm opacity-8 pr-lg-4">成工新媒体是隶属于成都工业学院党委宣传部的学生宣传部门</p>
                        <!-- Social -->
                        <ul class="nav mt-4">
                            <li class="nav-item">
                                <a class="nav-link pl-0" href="" target="_blank">
                                    <i class="fab fa-dribbble"></i>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="" target="_blank">
                                    <i class="fab fa-github"></i>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="" target="_blank">
                                    <i class="fab fa-instagram"></i>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="" target="_blank">
                                    <i class="fab fa-facebook"></i>
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="col-lg-2 col-6 col-sm-4 ml-lg-auto mb-5 mb-lg-0">
                        <h6 class="heading mb-3">备用</h6>
                        <ul class="list-unstyled">
                            <li><a href="#">备用</a></li>
                            <li><a href="#">备用</a></li>
                            <li><a href="#">备用</a></li>
                            <li><a href="#">备用</a></li>
                        </ul>
                    </div>
					<div class="col-lg-2 col-6 col-sm-4 ml-lg-auto mb-5 mb-lg-0">
					    <h6 class="heading mb-3">备用</h6>
					    <ul class="list-unstyled">
					        <li><a href="#">备用</a></li>
					        <li><a href="#">备用</a></li>
					        <li><a href="#">备用</a></li>
					        <li><a href="#">备用</a></li>
					    </ul>
					</div>
                    
                </div>
                <hr class="divider divider-fade divider-dark my-4">
                <div class="row align-items-center justify-content-md-between pb-4">
                    <div class="col-md-6">
                        <div class="copyright text-sm font-weight-bold text-center text-md-left">
                            Copyright &copy; <?php echo date('Y'); ?>.成工新媒体 All rights reserved. 
							<p>Made by <a target="_blank" href="#" title="一个瞎倒腾的逗比">Gilliant Kuo</a></p>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <ul class="nav justify-content-center justify-content-md-end mt-3 mt-md-0">
                            <li class="nav-item">
                                <a class="nav-link" href="#">
                                    备用
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="#">
                                    备用
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="#">
                                    备用
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <!-- Core JS  -->

   
  
    <!-- Quick JS -->
    <script src="assets/js/quick-website.js"></script>
    <!-- Feather Icons -->
    <script>
		
        //feather.replace({
           // 'width': '1em',
            //'height': '1em'
        //})
		console.warn("恭喜你发现彩蛋：欢迎加入新媒体")
		console.log("%c新媒体内推群："," text-shadow: 0 1px 0 #ccc,0 2px 0 #c9c9c9,0 3px 0 #bbb,0 4px 0 #b9b9b9,0 5px 0 #aaa,0 6px 1px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.2),0 20px 20px rgba(0,0,0,.15);font-size:5em")
    </script>
	<section class="slice slice-db">
	<!--Waves Container-->
	<div class="slice-db"style="position: absolute;width:100%;bottom: auto;">
		<svg class="waves" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 24 150 28" preserveAspectRatio="none" shape-rendering="auto">
			<defs>
				<path id="gentle-wave" d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z" />
			</defs>
			<!--svg-->
			<g class="parallax">
				<use xlink:href="#gentle-wave" x="48" y="0" fill="rgba(0,138,255,0.9)" />
				<use xlink:href="#gentle-wave" x="48" y="3" fill="rgba(255,255,255,0.7)" />
				<use xlink:href="#gentle-wave" x="48" y="5" fill="rgba(255,255,255,0.5)" />
				<use xlink:href="#gentle-wave" x="48" y="7" fill="rgba(250,251,254,0.1)" />
			</g>
		</svg>
		</section>
</body>

</html>